
<template>
  <div class="wrapper">
    <!-- header部分 -->
    <header>
      <p>恭喜</p>
    </header>

    <div style="margin-top: 200px;text-align: center;color:green">
       <img src="../assets/paySuccess.webp" />
    </div>
    <p style="color: red; text-align: right;">&#165;{{ total_fee }}</p>
    <!-- 底部菜单部分 -->
    <Footer></Footer>
  </div>
</template>


<script>
import QRCode from 'qrcodejs2' 
import Footer from "../components/Footer.vue";
export default {
  name: 'payQrcode',
  data() { 
    return {
      total_fee: this.$route.query.total_fee
    }
  },

  components: {
    Footer,
  },
}
</script>

<style scoped>
.wrapper header {
  width: 100%;
  height: 12vw;
  background-color: #0097ff;
  color: #fff;
  font-size: 4.8vw;

  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;

  display: flex;
  justify-content: center;
  align-items: center;
}

</style>